<ui:composition xmlns="http://www.w3.org/1999/xhtml"  
    xmlns:h="http://java.sun.com/jsf/html"  
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui"
    template="/plantillas/plantilla-sistema.xhtml">  
    <ui:define name="cabecera">
        <title>Gestión de Zonas</title>
        <link rel="shortcut icon"  href="../../resources/imagenes/favicon.ico" />
    </ui:define>
    <ui:define name="contenido">
        
        <center>
            
            <h:form>  
  
    <p:growl id="growl" sticky="true" showDetail="true"/>  
  
    <p:wizard widgetVar="wiz"  
            flowListener="#{userWizard.onFlowProcess}">  
      
        <p:tab id="zona" title="Zona">  
  
            <p:panel header="Detalles de Zona">  
              
                <h:messages errorClass="error"/>  
                  
                <h:panelGrid columns="2" columnClasses="label, value" styleClass="grid">  
                    <h:outputText value="Municipio: *" />  
                     <h:selectOneMenu value="#{zonaBean.zona.municipio}" id="municipioelegidoTxt">

                      <f:selectItem itemLabel="-- Seleccione un municipio -- " itemValue="0"/>  

                      <f:selectItems value="#{zonaBean.itemsMunicipios}"/>
                      
                      <f:converter converterId="municipioConverter" />                 

                 </h:selectOneMenu>
                    
        <p:selectOneMenu value="´#{zonaBean.tipozona}}">  
            <f:selectItem itemLabel="Tipo de Zona" itemValue="" />  
            <f:selectItem itemLabel="Rural" itemValue="R" />  
            <f:selectItem itemLabel="Urbana" itemValue="U" />  
            
        </p:selectOneMenu>  
          
        
                      
                    <h:outputText value="Lastname: *" />  
                    <p:inputText required="true" label="Lastname"  
                            value="#{userWizard.user.lastname}" />  
                      
                    <h:outputText value="Age: " />  
                    <p:inputText value="#{userWizard.user.age}" />  
                      
                    <h:outputText value="Skip to last: " />  
                    <h:selectBooleanCheckbox value="#{userWizard.skip}" />  
                </h:panelGrid>  
            </p:panel>  
        </p:tab>  
              
        <p:tab id="address" title="Address">  
            <p:panel header="Adress Details">  
              
                <h:messages errorClass="error"/>  
                  
                <h:panelGrid columns="2" columnClasses="label, value">  
                    <h:outputText value="Street: " />  
                    <p:inputText value="#{userWizard.user.street}" />  
                      
                    <h:outputText value="Postal Code: " />  
                    <p:inputText value="#{userWizard.user.postalCode}" />  
                      
                    <h:outputText value="City: " />  
                    <p:inputText value="#{userWizard.user.city}" />  
                      
                    <h:outputText value="Skip to last: " />  
                    <h:selectBooleanCheckbox value="#{userWizard.skip}" />  
                </h:panelGrid>  
            </p:panel>  
        </p:tab>  
              
        <p:tab id="contact" title="Contact">  
            <p:panel header="Contact Information">  
                  
                <h:messages errorClass="error"/>  
              
                <h:panelGrid columns="2" columnClasses="label, value">  
                    <h:outputText value="Email: *" />  
                    <p:inputText required="true" label="Email"  
                            value="#{userWizard.user.email}" />  
                      
                    <h:outputText value="Phone: " />  
                    <p:inputText value="#{userWizard.user.phone}"/>  
                      
                    <h:outputText value="Additional Info: " />  
                    <p:inputText value="#{userWizard.user.info}"/>  
                </h:panelGrid>  
            </p:panel>  
        </p:tab>  
              
        <p:tab id="confirm" title="Confirmation">  
            <p:panel header="Confirmation">  
              
                <h:panelGrid id="confirmation" columns="6">  
                    <h:outputText value="Firstname: " />  
                    <h:outputText styleClass="outputLabel"  
                                value="#{userWizard.user.firstname}" />  
                      
                    <h:outputText value="Lastname: " />  
                    <h:outputText  styleClass="outputLabel"  
                                value="#{userWizard.user.lastname}"/>  
                      
                    <h:outputText value="Age: " />  
                    <h:outputText styleClass="outputLabel"  
                                value="#{userWizard.user.age}" />>  
                      
                    <h:outputText value="Street: " />  
                    <h:outputText styleClass="outputLabel"  
                                value="#{userWizard.user.street}" />  
                      
                    <h:outputText value="Postal Code: " />  
                    <h:outputText styleClass="outputLabel"  
                                value="#{userWizard.user.postalCode}" />  
                      
                    <h:outputText value="City: " />  
                    <h:outputText styleClass="outputLabel"  
                                value="#{userWizard.user.city}" />  
                      
                    <h:outputText value="Email: " />  
                    <h:outputText styleClass="outputLabel"  
                                value="#{userWizard.user.email}" />  
                      
                    <h:outputText value="Phone " />  
                    <h:outputText styleClass="outputLabel"  
                                value="#{userWizard.user.phone}"/>  
                      
                    <h:outputText value="Info: " />  
                    <h:outputText styleClass="outputLabel"  
                                value="#{userWizard.user.info}" />  
                      
                    <h:outputText />  
                    <h:outputText />  
                </h:panelGrid>  
                  
                <p:commandButton value="Submit" update="growl"   
                            actionListener="#{userWizard.save}"/>  
              
            </p:panel>  
        </p:tab>  
          
    </p:wizard>  
      
</h:form>  
            
           
        </center>
    </ui:define>   
    
    
    
</ui:composition>
